<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* p { */
        /* color: red;
            color: #005ade; */
        /* color: rgb(36, 118, 65); */
        /* color: hsl(0, 50%, 30%); */
        /* color: rgba(red, green, blue, alpha);
            font-size: 100px; */
        /* font-weight: 800;    100-900 400默认 */
        /* font-style: italic; normal, italic, oblique */
        /* } */
        /* div {
            background-color: red; 
            background-image: url("steam.png");
            background-repeat: no-repeat;
        
            background-position: left top;
    
            width: 400px;
            height: 400px; 
        }   
         */
        /* h1 {
            color: red;
            text-align: center;
            font-size: 100px;
            font-weight: 800;
            font-style: italic;
            text-decoration: line-through;
            text-transform: capitalize; 
            text-indent: 100px;
        } */
        /* table,td{
            border: 3cap solid rgb(0, 255, 26);
            border-collapse: collapse;
            width: 100px;
            height: 100px;
            text-align: center;
            vertical-align: bottom;
            padding: auto;
            background-color: royalblue;
        } */
        /* ul li {
            后代选择器
            list-style-type: square;
            list-style-position: inside;
            color: red;
            font-size: 20px;
        } */
        
        /* ul > li {
             子代选择器

            list-style-type: square;
            list-style-position: inside;
            color: red;
            font-size: 20px;
        } */
        
        /* h1 + p {
            相邻兄弟选择器
            color: red;
            font-size: 20px;
        } */
        /* h1 ~ p {
            通用兄弟选择器
            color: red;
            font-size: 20px;
        } */
    </style>
</head>

<body>
    <!-- <p>学习字体</p> -->
    <!-- <div></div> -->
    <h1>abB</h1>
    <p>你好</p>
    <p>hello</p>
    <!-- <table>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
    </table> -->
    <!-- <ul>
        <li>单元格</li>
        <li>单元格</li>
        <div>
            <li>nnnnnnn</li>
        </div>
        <li>单元格</li>
    </ul> -->
</body>

</html>